<template>
    <div class="block" >
      <el-carousel height="550px" width="100%" indicator-position="outside">
        <el-carousel-item v-for="(image, index) in this.$store.state.homeImage" :key="index">
          <img :src="image.cover" alt="轮播图">
        </el-carousel-item>
      </el-carousel>
    </div>
</template>
<script>
export default {
  name: 'Slideshow',
  data(){
    return{
      
    }
  },
  mounted(){
    this.$store.dispatch('interAcess');
  }
}
</script>
<style scoped>
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  overflow: hidden;
}
.block{
  width: 100%;
  height: 568px;
}
.el-carousel__item img{
    width: 100%;
    height: 550px;
  }
.el-carousel__indicators--outside button{
  background-color: #0891b3;
}
</style>